page {
  background-color: #f5f5f5 !important;
}

.container {
  .top {
    width: 750rpx;
    // height: 300rpx;


    .locationBox {

      display: flex;
      align-items: center;
      font-size: 28rpx;
	  margin-top: 25rpx;
	  margin-left: 10rpx;
    }
.swipe-content{
	margin:10rpx  25rpx;
	.slide-image {
	  width: 100%;
	  height: 100%;
	 
	}
}
    .content {

      background-color: #ffff;
      margin: 25rpx;
      border-radius: 15rpx;

      .currentTip {
        font-size: 28rpx;
        padding: 20rpx;
      }

      .equipmentInfo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20rpx;

        .infoLeft {
          display: flex;
          align-items: center;
		  .machine-name{
			  max-width: 150rpx;
			  overflow: hidden;
			  	text-overflow: ellipsis;
				font-weight: 500;
				margin-left: 10rpx;
		  }
		  .tip{
			  color: #33ce8f;
			  font-size: 24rpx;
		  }
		  .icon{
			  width: 100rpx;
			  height: 100rpx;
		  }
        }
		.infoRight{
			.merchant-btn{
				border-radius: 50rpx;
			}
		}
      }
    }
  }

  .userBox {
	  background-color: #fff;
	  margin: 25rpx;
	  border-radius: 25rpx;
    .tagBox {
      display: flex;
      align-items: center;
      padding: 20rpx;
font-weight: bold;
    
    }

    .listBox {
      display: flex;
      flex-wrap: wrap;
      padding: 20rpx 0;
justify-content: space-between;
      .listItem {
       width: 30%;
        height: 130rpx;
text-align: center;
margin: 10rpx 0;
        .itemLeft {
        
          image {
            width: 60rpx;
            height: 60rpx;
          }
        }

      .item-size{
		  font-size: 24rpx;
	  }
      }
    }

    .bgImage {
      position: relative;

      image {
        width: 100%;
        height: 300rpx;
      }

      .textBox {
        position: absolute;
        top: 132rpx;
        left: 120rpx;
        font-size: 32rpx;
        color: #fff;
      }
    }
  }
}